﻿<!--
	@create by 
	@update by 
	@description 
-->
<div>
  <el-table ref="ruleRelTable" :data="mainGrid.data" v-loading="mainGrid.loading"
     stripe border fit highlight-current-row element-loading-text="加载中...">
      <!--  <el-table-column label="产品ID">
          <template scope="scope">
              <span>{{ scope.row.prdId }}</span>
          </template>
      </el-table-column> -->
      <el-table-column prop="ruleCollId" label="规则集ID">
          <template scope="scope">
              <span>{{ scope.row.ruleCollId }}</span>
          </template>
      </el-table-column>
      <el-table-column prop="ruleCollDesc" label="规则集合描述">
          <template scope="scope">
              <span>{{ scope.row.ruleCollDesc }}</span>
          </template>
      </el-table-column>
      <el-table-column prop="ruleCollType" label="规则类型">
          <template scope="scope">
              <span>{{ ruleType[scope.row.ruleCollType] }}</span>
          </template>
      </el-table-column>
      <el-table-column prop= "action" label= "操作" >
			<template scope= "scope" >
				<el-button icon= "document" @click= "lookRuleDtl(scope)" size="small">
					查看
				</el-button>
			</template>
		</el-table-column>
   </el-table>

	<el-dialog title="规则详情" :visible.sync= "ruleDtlDiaVis" size= "full" >
		<div id="prdRuleDtl"></div>
		<div class= "yu-toolBar" style="text-align: center;">
			<el-button-group>
				<el-button icon= "yx-undo2" @click= "ruleDtlDiaVis = false" >
					返回
				</el-button>
			</el-button-group>
		</div>
	</el-dialog>
</div>
